<template>
  <div class="foot">
    <div class="footCon clearfix">
      <div class="left">
        <img src="../assets/logo-footer.png" height="51" width="150" alt="logo">
        <p class="email">info(at)eacee.com</p>
        <p class="address">中国杭州未来科技城(海创园)文一西路998号</p>
        <p class="phone">86 229139 2131</p>
      </div>
      <div class="right">
        <table>
          <tr>
            <td><router-link to="/aboutUs">关于我们</router-link></td>
            <td><router-link to="/productSum">易水产品</router-link></td>
            <td><router-link to="/projectSum">水处理工程</router-link></td>
          </tr>
          <tr>
            <td><router-link to="/news">易水新闻</router-link></td>
            <td><router-link to="/ctrade">碳交易</router-link></td>
            <td><router-link to="/recruit">人才招聘</router-link></td>
          </tr>
        </table>
      </div>
    </div>
    <div class="footInlaw">
      <p>法律声明&copy;EWater.com版权所有</p>
    </div>
  </div>
</template>

<script>

</script>

<style scoped>
@media screen and (max-width:1100px) {
  .right {
    float: left !important;
  }
  .right td {
    margin-left: 2.5rem !important;
  }
}
.foot {
  background-color: #013a6a;
/*  height: 16.5rem;*/
  padding-top: 3.5rem;
}
.footCon {
  width: 82%;
  margin: 0 auto;
}
.left{
  float: left;
}
.right {
  float: right;
}
.left > img {
  display: block;
  margin-bottom: 2.5rem;
}
.left > p {
  height: 1.4rem;
  line-height: 1.4rem;
  color: #ffffff;
  margin-bottom: 1rem;
  text-align: left;
  padding-left: 3rem;
  font-size: 0.8rem;
  font-weight: 600;
}
.email {
  background: url(../assets/email.png) no-repeat left center;
}
.address {
  background: url(../assets/address.png) no-repeat left center;
}
.phone {
  background: url(../assets/phone.png) no-repeat left center;
}
.right a {
  color: #ffffff;
  font-size: 0.8rem;
  font-weight: 700;
}
.right td {
  text-align: right;
  display: inline-block;
  width: 5rem;
  margin-left: 3.5rem;
}
.right tr {
  display: block;
  margin-bottom: 1.75rem;
}
.footInlaw {
  background-color: #172e3f;
  width: 100%;
  height: 2.15rem;
  line-height: 2.15rem;
  color: #ffffff;
  text-align: center;
}
</style>
